<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="/css/styles.css" type="text/css" rel="stylesheet">
<link href="js/lib/input-date-mask.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="js/lib/jquery-1.5.1.min.js"></script>
<script type="text/javascript"
    src="js/lib/jquery-plugins/jquery-ui-1.8.11.custom/js/jquery-ui-1.8.11.custom.min.js"></script>
<script type="text/javascript" src="js/lib/jquery-debug.js"></script>
<script type="text/javascript" src="js/lib/input-date-mask.js"></script>
<script language="javascript">
    $(document).ready(function() {
        $(".timestampcontainer input").each(function(index, val) {
            try {
                var mask = 'dd:mm:yy hh:ii:ss';
                if (index == 1)
                    mask = 'dd:mm:yy';
                if (index == 2)
                    mask = 'hh:ii:ss';
                $(this).maskedDate({format: mask, debug: true});
            } catch (e) {
                $.log("rr");
                $(e).debug();
            }
        });
    });
</script>
<link
    href="js/lib/jquery-plugins/jquery-ui-1.8.11.custom/css/custom-theme/jquery-ui-1.8.11.custom.css"
    type="text/css" rel="stylesheet">
<title>jQuery tests</title>
</head>
<body>
    <dl class="timestampcontainer">
        <dt>Timestamp</dt>
        <dd>
            <input type="text"/>
        </dd>
        <dt>Date</dt>
        <dd>
            <input type="text"/>
        </dd>
        <dt>Time</dt>
        <dd>
            <input type="text"/>
        </dd>
    </dl>
</body>
</html>